<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-81">
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  <link href="${ctx.resource}/css/goals.css" rel="stylesheet">
  <title>学员评估</title>
</head>
<body>
  <body>
    <div class="page-group">
      <div class="page page-current" style="background: #eeeeee;">
        <header class="bar bar-nav fs-header-small">
          <a href="${ctx.host}/rounds/${courseRoundId}/courseware/home" class="icon icon-left pull-left"></a>
          <h1 class="title">学员评估</h1>
        </header>
        <div class="content">
          <form>
            <p class="ev-subtitle" style="background: #dcdcdc; position: relative;">学员基础数据
            </p>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">心肺</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">静态心率</div>
                      <div class="item-input">
                        <span style="margin-right: .25rem;"><c:if test="${not empty basicData.restingHeartRate}">${basicData.restingHeartRate}&nbsp;次/分</c:if></span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">最大心率<br><small>220 - 年龄</small></div>
                      <div class="item-input">
                        <span style="margin-right: .25rem;"><c:if test="${not empty basicData.maxHeartRate}">${basicData.maxHeartRate}&nbsp;次/分</c:if></span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">最佳燃脂心率<br><small>最大心率的60% - 80%</small></div>
                      <div class="item-input">
                        <span style="margin-right: .25rem;"><c:if test="${not empty basicData.burnFatRate}">${basicData.burnFatRate}&nbsp;次/分</c:if></span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">1分钟波比跳</div>
                      <div class="item-input">
                        <span style="margin-right: .25rem;">${not empty basicData.standardBobi ? (basicData.standardBobi ? '标准,' : '简化,') : ''}<c:if test='${not empty basicData.bobi}'>${basicData.bobi}个</c:if></span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">心血管病史(如有)</div>
                      <div class="item-after"><span style="margin-right: .25rem;">${basicData.cardiovascular}</span></div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">基础力量</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">静蹲</div>
                      <div class="item-input"><span style="margin-right: .25rem;">${basicData.staticSquat.staticSquat}</span>
                      </div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">俯卧撑</div>
                      <div class="item-input"><span style="margin-right: .25rem;">${basicData.pushUp.pushUp}</span></div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">两头起(30s)</div>
                      <div class="item-input"><span style="margin-right: .25rem;">${basicData.vUp.vUp}</span></div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">运动病史</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content ">
                    <div class="item-title"><span style="margin-right: .25rem;">
                      <c:forEach var="disease" items="${basicData.diseaseList}">
                        ${disease.description},
                      </c:forEach>
                      </span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">妈妈学员</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content ">
                    <div class="item-inner">
                      <div class="item-title"> 腹直肌分离</div>
                      <div class="item-input"><span style="margin-right: .25rem;">${basicData.rectusAbdominisIsolation.description}</span></div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">其他</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content ">
                    <div class="item-inner" style="font-size: .75rem; padding-left: .75rem;">${basicData.remark}</div>
                  </li>
                </ul>
              </div>
            </div>
            
            <p class="ev-subtitle" style="background: #dcdcdc; position: relative;">学员作息/饮食/运动习惯
            </p>
            
            <div class="evaluation-box">
              <div class="early-time flex-shrink"><input type="text" value="" data-class="time">早起时间-<span class="time">${habit.getUpTime}</span></div>
              <div class="sleep-time flex-1"><input type="text" value="" data-class="time">入睡时间-<span class="time">${habit.sleepTime}</span></div>
              <div class="frequency flex-shrink"><input type="text" value data-class="frequency">应酬频率-${habit.entertainmentFrequency}</div>
            </div>
            
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink"></div>
              <div class="sup-time flex-1">
                <span class="item flex-1 text-center" style="background: #dcdcdc;">早</span>
                <span class="item flex-1 text-center" style="background: #dcdcdc;">中</span>
                <span class="item flex-1 text-center" style="background: #dcdcdc;">晚</span>
              </div>
              <div class="other-food flex-shrink" style="background: #eeeeee;">其他食物 </div>
            </div>
            
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">摄入时间</div>
              <div class="sup-time flex-1">
                <span class="item text-center flex-1"><input type="text" value="" data-class="time">${habit.breakfastTime}</span>
                <span class="item text-center flex-1"><input type="text" value="" data-class="time">${habit.lunchTime}</span>
                <span class="item text-center flex-1"><input type="text" value="" data-class="time">${habit.dinnerTime}</span>
              </div>
              <div class="other-food flex-shrink" style="font-size: .6rem;">${habit.snackTime}</div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink" style="font-size: .6rem;">具体食物类型及比例</div>
              <div class="sup-time flex-1">
                <a href="#breakfast" data-toggle="push" class="item text-center flex-1" style="font-size: .6rem;">
                  <div><span class="descript" style="display: block;">${habit.breakfastType}</span></div>
                </a>
                <a href="#lunch" data-toggle="push" class="item text-center flex-1" style="font-size: .6rem;">
                  <div><span class="descript" style="display: block;">${habit.lunchType}</span></div>
                </a>
                <a href="#dinner" data-toggle="push" class="item text-center flex-1" style="font-size: .6rem;">
                  <div><span class="descript" style="display: block;">${habit.dinnerType}</span></div>
                </a>
              </div>
              <a href="#other-food" data-toggle="push" class="other-food flex-shrink" style="font-size: .6rem;color: #333;">${habit.snackType}</a>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">摄入量</div>
              <div class="sup-time flex-1">
                <span class="item text-center flex-1">${habit.breakfastIntake}</span>
                <span class="item text-center flex-1">${habit.lunchIntake}</span>
                <span class="item text-center flex-1">${habit.dinnerIntake}</span>
              </div>
              <a href="#other-food" data-toggle="push" class="other-food flex-shrink" style="font-size: .6rem;color: #333;">${habit.snackIntake}</a>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">饮水量</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content ">
                    <div class="item-inner">
                      <div class="item-title">${habit.waterIntake}</div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">其他</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content ">
                    ${habit.remark}
                  </li>
                </ul>
              </div>
            </div>
            
            <p class="ev-subtitle" style="background: #dcdcdc; position: relative;">体态/关节评估
            </p>
            
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">体态</div>
              <div class="list-block evaluation-group">
                <div style="width: 100%;">
                  <div class="class-title">静态正面站姿</div>
                  <ul>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">头部</div>
                        <div class="item-input">${postureJoint.obverseHead.head}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">肩胛骨</div>
                        <div class="item-input">${postureJoint.obverseScapula.scapula}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">骨盆</div>
                        <div class="item-input">${postureJoint.obversePelvis.pelvis}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">膝关节</div>
                        <div class="item-input">${postureJoint.obverseKneeJoint.kneeJoint}</div>
                      </div>
                    </li>
                  </ul>
                  <div class="class-title">静态背面站姿</div>
                  <ul>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">头部</div>
                        <div class="item-input">${postureJoint.reverseHead.head}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">颈椎</div>
                        <div class="item-input">${postureJoint.reverseCervicalVertebra.cervicalVertebra}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">髋关节</div>
                        <div class="item-input">${postureJoint.reverseHipJoint.hipJoint}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">膝关节</div>
                        <div class="item-input">${postureJoint.reverseKneeJoint.kneeJoint}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">足部</div>
                        <div class="item-input">${postureJoint.reverseFoot.foot}</div>
                      </div>
                    </li>
                  </ul>
                  <div class="class-title">自重深蹲</div>
                  <ul>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">膝盖伸展方向</div>
                        <div class="item-input">${postureJoint.kneeDirection.kneeDirection}</div>
                      </div>
                    </li>
                    <li class="item-content">
                      <div class="item-inner">
                        <div class="item-title">上半身与小腿是否平行</div>
                        <div class="item-input">${empty postureJoint.parallel ? '' : (postureJoint.parallel ? '是' : '否')}</div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="evaluation-box">
              <div class="evaluation-title flex-shrink">关节</div>
              <div class="list-block evaluation-group">
                <ul>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">胸椎</div>
                      <div class="item-input">${postureJoint.thoracicVertebra.description}</div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">腿后侧肌群</div>
                      <div class="item-input">${postureJoint.legMuscle.description}</div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">髋关节</div>
                      <div class="item-input">${postureJoint.hipJoint.description}</div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">肩关节</div>
                      <div class="item-input">${postureJoint.shoulderJoint.description}</div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">踝关节</div>
                      <div class="item-input">${postureJoint.ankleJoint.description}</div>
                    </div>
                  </li>
                  <li class="item-content">
                    <div class="item-inner">
                      <div class="item-title">其他</div>
                      <div class="item-input">${postureJoint.jointRemark}</div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="ev-subtitle" style="background: #bfbfbf; position: relative;">关节灵活性评估
            </div>
            <div class="row no-gutter summary-grid" style="background: #eeeeee;">
              <div class="col-50 summary-item">
                <p class="summary-title">体态总结</p>
                <div class="description">
                  <p>${postureJoint.postureSummary}</p>
                </div>
              </div>
              <div class="col-50 summary-item">
                <p class="summary-title">关节总结</p>
                <div class="description">
                  <p>${postureJoint.jointSummary}</p>
                </div>
              </div>
              <div class="col-100 summary-item">
                <div style="width: 50%;  margin: 0 auto;">
                  <p class="summary-title">总结</p>
                  <div class="description">
                    <p>${postureJoint.summary}</p>
                  </div>
                </div>
              </div>
            </div>
            
          </form>
        </div>
      </div>
    </div>
    <%-- <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/courseware/coach-evaluation.js" />
    <script type="text/javascript">
      require(['page/courseware/coach-evaluation'], function(page) {
        page.init()
      })
    </script> --%>
  </body>
</html>
                
